@charset "UTF-8";

@import '~scss/themes/index.scss';

// 清除浮动---使用伪元素
.ui-cf {
  &:before,
  &:after {
    content: ' ';
    display: table;
  }
  &:after {
    clear: both;
  }
}
//清除浮动 ，使用BFC的原理
.ui-nbcf {
  overflow: hidden;
}
// 左浮动
.ui-fl {
  float: left;
}
// 右浮动
.ui-fr {
  float: right;
}
// 水平居中
//  原理：使用块元素占据一行的是设置宽度 会是的margin: 0 auto;有效
.ui-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
